<div class="system-content" fxFlexFill fxLayout="column">
  <header class="system-content-header"  >
    <img [src]="'./assets/images/' + icon?.titleImage" alt="">
    <span>{{title}}</span>   
  </header>
  <section class="system-content-main" fxFlex="100%">
    <p *ngFor="let item of data;let i=index">
      <span *ngIf="item?.tagKind==='2'" class='green' [ngStyle]='{background:item?.value==1?switchingValue1:switchingValue2}'></span>
      <span *ngIf="item?.tagKind==='1'">{{item.value | number:'1.1-2'}}</span>
      <em [title]='item.tagName+item.tagUnit'>{{item.tagName}}{{item.tagUnit}}</em>
    </p>
  </section>
</div>